package com.skyhub.common.utils.mail;

public class MailUtils {

    public static String GenerateHTML(String code) {
        StringBuilder sb=new StringBuilder();
        sb.append("""
                <!DOCTYPE html>
                        <html lang="zh-CN">
                        <head>
                            <meta charset="UTF-8">
                            <meta name="viewport" content="width=device-width, initial-scale=1.0">
                            <title>邮箱验证码</title>
                            <style>
                                /* 基础样式 */
                                body {
                                    font-family: 'Helvetica Neue', Arial, sans-serif;
                                    background-color: #f5f7fa;
                                    margin: 0;
                                    padding: 0;
                                    color: #333;
                                    line-height: 1.6;
                                }
                
                                /* 邮件容器 */
                                .email-container {
                                    max-width: 600px;
                                    margin: 20px auto;
                                    background: #ffffff;
                                    border-radius: 12px;
                                    overflow: hidden;
                                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
                                }
                
                                /* 头部样式 */
                                .header {
                                    background: linear-gradient(135deg, #6e8efb, #a777e3);
                                    padding: 30px 20px;
                                    text-align: center;
                                    color: white;
                                }
                
                                .logo {
                                    font-size: 24px;
                                    font-weight: bold;
                                    margin-bottom: 10px;
                                }
                
                                /* 内容区域 */
                                .content {
                                    padding: 30px;
                                }
                
                                /* 验证码框 */
                                .verification-code {
                                    background: #f8f9fa;
                                    border-radius: 8px;
                                    padding: 15px;
                                    text-align: center;
                                    margin: 25px 0;
                                    border: 1px dashed #d1d5db;
                                }
                
                                .code {
                                    font-size: 32px;
                                    letter-spacing: 5px;
                                    color: #3b82f6;
                                    font-weight: bold;
                                    margin: 10px 0;
                                }
                
                                /* 按钮样式 */
                                .button {
                                    display: inline-block;
                                    background: #3b82f6;
                                    color: white !important;
                                    text-decoration: none;
                                    padding: 12px 30px;
                                    border-radius: 6px;
                                    font-weight: bold;
                                    margin: 20px 0;
                                    text-align: center;
                                }
                
                                /* 页脚 */
                                .footer {
                                    text-align: center;
                                    padding: 20px;
                                    font-size: 12px;
                                    color: #9ca3af;
                                    background: #f9fafb;
                                }
                
                                /* 响应式调整 */
                                @media (max-width: 480px) {
                                    .content {
                                        padding: 20px;
                                    }
                                    .code {
                                        font-size: 24px;
                                    }
                                }
                            </style>
                        </head>
                        <body>
                            <div class="email-container">
                                <!-- 头部 -->
                                <div class="header">
                                    <div class="logo">天枢笔迹</div>
                                    <h1>您的验证码</h1>
                                </div>
                
                                <!-- 内容 -->
                                <div class="content">
                                    <p>您好！</p>
                                    <p>您正在尝试进行邮箱验证，请在验证页面输入以下验证码：</p>
                
                                    <div class="verification-code">
                                        <div class="code">
                """);
        sb.append(code);
        sb.append("""
                </div>
                                        <p>该验证码 <span style="color: #ef4444;">100秒</span>内有效</p>
                                    </div>
                
                                    <p>如果这不是您本人的操作，请忽略此邮件。并及时咨询平台管理员13929944553@163.com或alioth_star@163.com</p>
                
                                    <a href="#" class="button">显示全屏</a>
                
                                    <p style="color: #6b7280; font-size: 14px;">
                                        温馨提示：请勿将验证码泄露给他人，包括自称客服的人员。
                                    </p>
                                </div>
                
                                <!-- 页脚 -->
                                <div class="footer">
                                    <p>© 2024 天枢笔迹 | 数字创作服务平台</p>
                                    <p>系统自动发送，请勿直接回复</p>
                                </div>
                            </div>
                        </body>
                        </html>
                """);


        return sb.toString();
    }
}
